<?php $catids = $catid;$catid = 21;?>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}--手机站</title>
		<meta name="Keywords" content="中国小姐,世界小姐,世界小姐中国区,新丝路,新丝路时尚" />
    	<meta name="description" content="中国小姐,世界小姐,世界小姐中国区,新丝路,新丝路时尚" />
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
	    <meta http-equiv="pragma" content="no-cache">
	    <meta http-equiv="Cache-Control" content="no-cache;must-revalidate" />
	    <meta http-equiv="expires" content="0" />
	    <meta name="keywords" content="" />
		<meta name="description" content=""/>
		<link rel="stylesheet" type="text/css" href="{JS_PATH}/nsrmodel_h5/css/xsl_lc_m.css">
		<link href="{JS_PATH}/nsrmodel_h5/css/reset.css" type="text/css" rel="stylesheet"/>
		<link href="{JS_PATH}/nsrmodel_h5/css/list_templet.css" type="text/css" rel="stylesheet"/>
		<link href="{JS_PATH}/nsrmodel_h5/css/modellist.css" type="text/css" rel="stylesheet"/>

		<script src="{JS_PATH}/nsrmodel_h5/js/jquery.1.7.2.min.js"></script>
		<script src="{JS_PATH}/nsrmodel_h5/js/html_reset.js"></script>
        <link rel="stylesheet" type="text/css" href="{JS_PATH}/nsrmodel/css/swiper.min.css">
		<script type="text/javascript">
        $(function(){
        	var catid = '{$catids}';
        	var num = 10;
            var tag = 1;
            var order = "listorder DESC,updatetime DESC";
            var nums = $('#sis-li li').size();
            if (nums != 10) {
                tag = 0;
            }
            var page = 1;
            $(window).scroll(function(){  
                // 被卷去的高度  
                var scrollTop = document.body.scrollTop||document.documentElement.scrollTop;  
                // 页面高度  
                var pageHeight = $(document).height();  
                // 可视区域高度  
                var viewHeight = $(window).height();  
                //alert(viewHeight);  
                //当滚动到底部时  
                if((scrollTop+viewHeight)>(pageHeight-20) && tag == 1){
                    tag = 0;
                    page++;
                    $.ajax({
                        type: "GET",
                        url: "?m=content&c=rjson&a=lists",
                        cache: false,
                        dataType:"json",
                        data: {page:page,order:order,catid:catid,pagesize:num},
                        success: function(result){
                            if (result) {
                                var nummer = 0;
                                var _html = '';
                                $.each( result, function(i, n){
                                	nummer++;
                                    _html += '<li><span class="v1"><a href="';
                                    _html += n.url;
                                    _html += '"><img src="';
                                    _html += n.thumb;
                                    _html += '"><p>';
                                    _html += n.title;
                                    _html += '</p></a></span></li>';
                                });
                                if (nummer == 10) {
                                    tag = 1;
                                } else {
                                    tag = 0;
                                }
                                $('#sis-li').append(_html);
                            } else {
                                tag = 0;
                            }
                        },
                        error: function(){
                          alert('请求服务器失败');
                        }
                    }); 
                    //防止无限制的增长
                    if(scrollTop<1000){  
                        return false;     
                    }  
                }  
            });
        })
    </script>
	</head>
	<body class="body-miss-list">
    {template "content_h5","header","nsrmodel"}
	<div class="top-area">

		<img class="banner" src="http://m.nsr.com.cn/resource/uploadfile/column_icon/m21.jpg" />
	</div>
		<div class="nav">
			<p>
				<a href="?m=content&c=index&a=lists&catid=29">培训招生</a><span>|</span>
				<a href="?m=content&c=index&a=lists&catid=28" class="active">培训图集</a>
			
			</p>
		</div>
		<div class="wrapper">			
			
			<div class="moteH5">
				{pc:content  action="lists" catid="$catids" order="listorder DESC,updatetime DESC" page="$page" num="10" moreinfo="1"}
				<ul class="sis-li" id="sis-li">
					{loop $data $key $val}
					<li>
						<span class="v1">
							<a href="{$val[url]}">
								<img src="{$val[thumb]}">
								<p>{$val[title]}</p>
							</a>
						</span>
					</li>
					{/loop}
				</ul>
				<div class="clear"></div>	
				<!-- <div class="Ppage">
					{$front_pages}
				</div> -->
				{/pc}
			</div> 	

		</div>
		{template "content_h5","footer_index"}
	</body>
</html>